<template>
  <view class="empty-state-container">
    <u-empty mode="list" :icon="icon" :text="text" textColor="#333333" textSize="30rpx" :width="width" :height="height" :marginTop="marginTop"> </u-empty>
  </view>
</template>

<script>
export default {
  name: 'EmptyState',
  props: {
    text: {
      type: String,
      default: '暂无搜索结果'
    },
    icon: {
      type: String,
      default: '/static/images/no-data.png'
    },
    width: {
      type: String,
      default: '360'
    },
    height: {
      type: String,
      default: '360;'
    },
    marginTop: {
      type: String,
      default: '240'
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss">
.empty-state-container {
  width: 100%;
  height: 100%;
}
</style>
